<template>
  <div class="banner">
    <div class="banner-content cursor-default">
      <div class="title">{{ title }}</div>
      <div class="desc">{{ desc }}</div>
    </div>
  </div>
</template>

<script setup>
const props = defineProps({
  title: {
    type: String,
    default: '"Diverse Choices,'
  },
  desc: {
    type: String,
    default: 'Eco-Friendly Repairs"'
  },
})
</script>

<style scoped lang="less">
@import './index.less';
@media screen and (max-width: 768px) {
  @import './mobile/index.less';
}

</style>
